/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/libs/ui/layout-components/scroll-container/scroll-container.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.scroll-container_fadeScrollWrapper__WgppL {
    position: relative;
    overflow: hidden; /* This will ensure the fades don't go outside this container */
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.scroll-container_fadeScrollContent__qoA0u {
    overflow-y: auto;
    max-height: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
    flex: 1 1;
    padding: 20px 0;
    box-sizing: border-box;
}

.scroll-container_hide__Xth6e {
    opacity: 0;
}

@media only screen and (max-width: 1150px) {
    .scroll-container_fadeScrollWrapper__WgppL {
        overflow: auto;
    }
}